<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <meta charset="UTF-8">
    <script type="text/javascript" th:src="@{${session.baseUrl}+'js/common.js'}"></script>
    <script th:src="@{${session.baseUrl}+'js/jquery.js'}"></script>
    <link th:href="@{${session.baseUrl}+'style/reset.css'}" rel="stylesheet" type="text/css">
    <link th:href="@{${session.baseUrl}+'style/base.css'}" rel="stylesheet" type="text/css">
    <link th:href="@{${session.baseUrl}+'style/header.css'}" rel="stylesheet" type="text/css">
    <link th:href="@{${session.baseUrl}+'style/dialog.css'}" rel="stylesheet" type="text/css">
    <link th:href="@{${session.baseUrl}+'style/global.css'}" rel="stylesheet" type="text/css">
    <script th:src="@{${session.baseUrl}+'js/dialog.js'}"></script>
    <link rel="stylesheet" th:href="@{${session.baseUrl}+'style/projectDetail.css'}"/>
    <title>详情</title>
    <style>
        .btn-block {
            position: fixed;
            height: 6%;
            width: 100%;
            bottom: 0.0rem;
            background-color: #2888e5;
            font-size: 0.32rem;
            color: #fff;
            border-radius: 0.1rem;
            align-items: center;

        }
        .header {
            position: fixed;
            width: 100%;
            z-index: 99;
            text-align: center;
            line-height: 0.88rem;
            height: 0.88rem;
            font-size: 0.32rem;
            color: #fff;
            background: #2d9cff;
            top: 0;
        }

    </style>
</head>
<body >
<header class="header"><span onclick="javascript:history.go(-1)"></span>转让详情</header>

<i><img th:src="@{${session.baseUrl}+'images/projectDetail/mingxing.png'}" alt="" style="width: 100%;height: 3.8rem;" th:if="${memberProjectTransfer.type == 0}"/></i>
<i><img th:src="@{${session.baseUrl}+'images/projectDetail/yx.png'}" alt="" style="width: 100%;height: 3.8rem;" th:if="${memberProjectTransfer.type == 1}"/></i>
<i><img th:src="@{${session.baseUrl}+'images/projectDetail/xjbxm.png'}" alt="" style="width: 100%;height: 3.8rem;" th:if="${memberProjectTransfer.type == 2}"/></i>
<i class="f30 title" ></i>
<p>&nbsp;</p>
<ul id="intro">
    <li ><b>进度：</b></li>
     <li class="parent"><div class="child"></div></li>
    <li class="df jcsb pt30 lh50"><b>结束时间</b><b th:text="${#dates.format(memberProjectTransfer.endTime,'yyyy-MM-dd')}"></b></li>
    <li class="df jcsb pt30 lh50"><b>项目名称</b><b th:text="${memberProjectTransfer.memberProjectName}"></b></li>
    <li class="df jcsb pt30 lh50"><b>转让金额</b><b th:text="${memberProjectTransfer.transferBuyAmount}"></b></li>
    <li class="df jcsb pt30 lh50"><b>年化收益率</b><span style="font-size: 0.4rem;color: red;font-weight: bold" th:text="${memberProjectTransfer.rateStr}"></span></li>
</ul>
<div th:if="${session.memberId==null}">
    <div style="margin-left: 10px;margin-top: 30px;color: #ff4848;height: 100px;text-align: center"><span style="font-size: larger">完成实名认证可查看项目详情！</span>
        <a href="/wap/mine.html" th:href="@{/wap/mine.html}" style="color: #2940ff;text-decoration: underline;">去登录</a>
    </div>
</div>
<div th:if="${session.memberId!=null&&memberUser.identified==0}">
    <div style="margin-left: 10px;margin-top: 30px;color: #ff4848;height: 100px;text-align: center"><span style="font-size: larger">完成实名认证可查看项目详情！</span>
        <a href="/wap/idIdentify.html" th:href="@{/wap/idIdentify.html}" style="color: #2940ff;text-decoration: underline;">去认证</a>
    </div>
</div>
<div th:if="${session.memberId!=null&&memberUser.identified==1}">
    <ul class="detail">
        <li>详情介绍</li>
    </ul>
    <ul class="pb20" style="border-bottom: 0.2rem solid #f2f2f2;">
        <li>
            <div style="width: 2.5rem;height: 1rem;margin-left: 1rem;" th:if="${drafts.imgOne!=null&&drafts.imgOne!=''}">
                <img class="exampleImg" th:src="${drafts.imgOne}" id="imgTest1" style="height: 100%;width: 100%"/>
            </div>
            <div style="width: 2.5rem;height: 1rem;margin-left: 4rem;margin-top: -1rem" th:if="${drafts.imgTwo!=null&&drafts.imgOne!=null&&drafts.imgTwo!=''&&drafts.imgOne!=''}">
                <img class="exampleImg" th:src="${drafts.imgTwo}" id="imgTest2" style="height: 100%;width: 100%"/>
            </div>
            <div style="width: 2.5rem;height: 1rem;margin-left: 2.5rem;" th:if="${drafts.imgTwo!=null&&drafts.imgTwo!=''&&(drafts.imgOne==null||drafts.imgOne=='')}">
                <img class="exampleImg" th:src="${drafts.imgTwo}" id="imgTest3" style="height: 100%;width: 100%"/>
            </div>
        </li>

        <li class=" pl30 pr30 pt30 pb30" id="info" th:text="${drafts.projectIntro}">

        </li>
    </ul>

    <ul class="detail">
        <li>收益介绍</li>
    </ul>
    <ul class="pb20" style="border-bottom: 0.2rem solid #f2f2f2;">
        <li class=" pl30 pr30 pt30 pb30" id="shouyi" th:text="${drafts.projectEarningsIntrox}">

        </li>
    </ul>

    <ul class="detail">
        <li>风险介绍</li>
    </ul>
    <div class="pb20" style="border-bottom: 0.2rem solid #f2f2f2;">
        <div class=" pl30 pr30 pt30 pb30" id="fengxian" th:text="${drafts.projectRisk}">

        </div>
    </div>

    <ul class="detail">
        <li>参与认购</li>
    </ul>
    <ul id="comment">
        <li class="df pl30 pr30 pt30 pb30" th:each="user,iterStat:${users}" th:if="${iterStat.count}<=3">
            <div style="width:0.9rem; height:0.9rem; border-radius:100%; overflow:hidden;">
                <img th:src="${user.head}" alt="" style="width: 0.9rem;height: 0.9rem;"/>
            </div>

            <div class="ml20">
                <p class="f26" th:text="${user.name}"></p>
                <p>&nbsp;</p>
                <p class="f22 g9" th:text="'E-Mail：'+${user.infoV}"></p>
            </div>
        </li>
        <li style="border-bottom: 0.8rem solid #f2f2f2;">
            <p id="pmsg">...</p>
        </li>
    </ul>

</div>
</body>
<footer>
    <span >
        <span th:if="${session.memberId!=null}">
            <a th:href="@{/wap/memberProjectTransfer.html/tomessage/(id=${memberProjectTransfer.id})}">
                <button type="button" class="btn-block" style="z-index:9999;">购买</button>
            </a>
        </span>
        <span  th:if="${session.memberId==null}">
            <button type="button" class="btn-block" onclick="tologin(this)" style="z-index:9999;">购买</button>
        </span>
    </span>
</footer>
<script type="text/javascript" th:inline="javascript">
    var basePath = /*[[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]]*/;

    /**
     * 未登录提示弹窗
     */
   function tologin() {
       $('body').dailog({type: 'warning', title: '未登录', discription: '请您先登录'});
       self.setInterval(function () {
           location.reload();
       }, 3000)
   }




   /* $(function(){
        var money=$("#money").html();
        var target=$("#target").html();
        money=money.slice(money.indexOf('￥')+1);
        target=target.slice(target.indexOf('￥')+1);
        console.log(money);
        console.log(target);
        $(".child").css("width",parseInt(money)/parseInt(target)*100+'%')


        if(money==0){
            $("#support").css("background","#aaa");
        }
    });*/

</script>
</html>